*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#666}
html{min-width:1200px;-webkit-text-size-adjust:100%; overflow-x: hidden;}
/*@media (min-width:1921px) {
    html{font-size:5.2083334vw}
}
@media (max-width:1660px) {
    html{font-size:6vw}
}

@media (max-width:1024px) {
    html{font-size:9.765625vw}
}
@media (max-width:480px) {
    html{font-size:14vw}
}*/
body{ line-height: 1.5;}
body,input,pre,select,th,td,textarea{font-family:'Tahoma',Arial,-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size: 16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
/*input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}*/
input,textarea{margin:0;padding:0;outline:0;border-radius:0}
select{border:solid 0.01rem #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right:0.2rem}
select::-ms-expand{display:none}
a,a:active{color:#666}
a:hover{color:#38b549}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot1,.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot1{-webkit-line-clamp:1}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}
.ytable{display:table;width:100%;}
.ytable.h100pc{height:100%}
.ytable.fixed{table-layout: fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
.Ovhidden{ overflow: hidden;}

/* flex */
.d-flex{ display: flex;}
.j-end{ justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}

@media (min-width:1025px) {
    .fl{float:left}
    .fr{float:right}
}
.auto {margin: 0 auto;}
.auto-1600{ max-width: 1600px; margin: 0 auto;}
.auto-1400{ max-width: 1400px; margin: 0 auto;}
.auto-1200{ max-width: 1200px; margin: 0 auto;}
/*@media (min-width:1921px) {
    .auto-1600,
    .auto-1400{max-width:16rem;}
}*/
@media (max-width:1600px) {
    .auto-1600{ max-width:96%;}
}
/*@media (max-width:1400px) {
    .auto-1400{ max-width:90%;}
}
@media (max-width:1200px) {
    .auto-1180{ max-width:90%;}
}
@media (max-width:640px) {
    .auto-1600,
    .auto-1400{ max-width:88%;}
}*/

.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}


/*导航公共样式*/
.header-menu li.aon em > a{ color:#82c4c7;}
.header-menu li.aon em > a{ color:#82c4c7;}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:90px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#009; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }

.sub-horizontal .sub-left{  left: 0 !important}
.sub-horizontal .sub-right{  right: 0 !important}
.sub-horizontal .sub .sub-menu > dl{ }
.sub-horizontal .sub-right >dl{ float:right;}
.sub-horizontal .sub-menu >dl dt{ float:left;}
.sub-horizontal .sub-right-txt-r .sub-menu >dl{ text-align:right; float:right; }
.sub-horizontal .sub-right-txt-r .sub-menu >dl dt{ float:none; display:inline-block;}
.sub-horizontal .sub-right .sub-menu >dl{ text-align:right; float:right; }
.sub-horizontal .sub-right .sub-menu >dl dt{ float:none; display:inline-block;}

.fullbground .sub{}
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;background-color:#f3f3f3;}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
.fullbground .sub-menu-layer{display: none;}

/*图标*/
.has-icon-v{text-align:center;}
.has-icon-v i{ display:block;  padding:10px 0;}
.has-icon-v i img{ width:50px; height:50px; }
.has-icon-h i{ display:inline-block; vertical-align:middle;}
.has-icon-h i img{ width:20px; height:20px; margin-right:5px;}
/*图标 end*/

/*导航公共样式 end*/



/*Top002282*/
.Top002282{background:#fff; position:relative;  width: 100%;z-index:100; transition: 0.5s;}
.Top002282 .header{  width: 100%;height:100px;}
.Top002282 .header-left{ float:left; height:100%; display:table;}
.Top002282 .header-left .logo{ display:table-cell; vertical-align:middle;}
.Top002282 .header-left .logo img{width: 128px;}
.Top002282 .header-right,
.Top002282 .header-mid{ float:right;}
.Top002282 .header-menu li{ width:auto !important;}
.Top002282 .header-menu li em{ line-height:100px; position:relative;}
/*.Top002282 .header-menu li em::after{content: "";position: absolute;top: 50%;margin-top: -4px;right: 0;display: block; border-right:1px dotted #7a7a7a;width: 1px;height: 8px;}*/
.Top002282 .header-menu li em a{ position:relative;padding: 0 0.7vw; }
.Top002282 .header-menu li:hover em a,
.Top002282 .header-menu li.aon em a{ color:#fff;background: #38b549;}
.Top002282 .header-menu li:hover em a::after,
.Top002282 .header-menu li.aon em a::after{ width:100%;}
.Top002282 .header-menu li:hover em a::before,
.Top002282 .header-menu li.aon em a::before{ opacity:1;}

.Top002282 .header-menu li .sub-menu dt a{ position: relative;line-height: 90px;color:#666;padding: 0; margin-right: 30px;}
.Top002282 .header-menu li .sub-menu dt a:after{ position: absolute;content:'';  width: 0;  height: 3px;left:0;bottom:0;background:#38b549;transition: .3s;}
.Top002282 .header-menu li .sub-menu dt a:hover:after{ width: 100%;}
.Top002282 .header-menu li .sub-menu dt:last-child a{padding-right: 0;}
.Top002282 .header-menu li .sub-menu dt a:hover{ color:#14a83b;background:transparent;}
.Top002282 .header-menu li.listPic .sub-menu dt a:hover {color:#14a83b;}

.Top002282 .header-right{ padding-top:2.4rem; display:flex;    align-items: center;}
.Top002282 .header-right dd{ position:relative;margin-left: 1vw;/*margin-left: 5vw;*/ z-index:100;}
.Top002282 .top-language {position: relative;margin-left: 2vw;padding-right: 12px;}
.Top002282 .top-language:before{position: absolute;content:'';right:0;top:50%;transform:translateY(-50%);border: 4px solid transparent;border-top:4px solid #666;}
.Top002282 .top-language span { cursor: pointer;}
.Top002282 .top-language:hover span { color:#14a83b;}

.Top002282 .top-language a{display: block;font-size: 14px;line-height: 24px;font-family: Arial; float: left; margin: 0 2px; }
.Top002282 .top-language a img{ max-width: 23px; border: 1px solid #eee; }
.Top002282 .top-language a img:hover{ opacity: 0.5;   }


.Top002282 .top-language a:hover {color: #14a83b}
.Top002282 .top-language .lang_wrap {position: absolute;top:130%;left:50%;width: 90px;margin-left:-45px;text-align: center;border-radius:5px; display: none;} 

.Top002282 .top-search{border-left: 1px solid rgba(255,255,255,0.5); } 
.Top002282 .open-search{width: 18px; height: 18px;background: url("../images/btn_search.png") no-repeat center center;display: block; cursor: pointer;}
.Top002282 .open-search.on{ background-image: url("../images/btn_search.png");}
.Top002282 .top-search .box{display: none;}
.Top002282 .top-search:hover .box{ display: block;position: absolute; top: 100%;right: 0; background: #fff; padding: 0 20px; width: 300px;}
.Top002282 .top-search .box .text{width: 100%; height: 40px;line-height: 40px; background: none; border: 1px solid #eee; padding: 0 15px;  }
.Top002282 .top-search .box .btn{position: absolute; width: 40px; height: 100%;background:#38b549 url("../images/btn_search2.png") no-repeat center center;top: 0;right: 0; }  



@media(min-width:1025px){

}
@media(max-width:1366px){
    .Top002282 .top-search {width: 200px;}
}
@media(max-width:1024px){
    .Top002282 .header-right dd {margin-left: .3rem;}
    .Top002282 .top-language a{  font-size: 2vw;}
    .Top002282 .search-box .btn { background-size:16px}
    .Top002282 .search-box .text { height: .5rem;  line-height: .5rem;}
    .Top002282 .top-login a {background-size:16px;}
    .Top002282 .top-login .sub dl {display: flex;justify-content: space-between;}
    .Top002282 .top-login .sub dl dt {width: 32%;margin:0 2%;}
    .Top002282 .top-login .sub-menu dt a {width: auto;}
    .Top002282 .top-webchat{ margin-right:12px;}

    .Top002282 #open_menu{ width:.34rem; height:.34rem;position: absolute;        top: 50%;transform: translateY(-50%);}
    .Top002282 #open_menu i::before,
    .Top002282 #open_menu i::after,
    .Top002282 #open_menu i{width:100%;  background:#14a83b;}
    .Top002282 #open_menu i{height:.02rem;margin-top:-.015rem;}
    .hover .Top002282 #open_menu i::before,
    .hover .Top002282 #open_menu i::after,
    .hover .Top002282 #open_menu i{background:#fff;}

    .Top002282 #header-menu{ position:absolute; width:100%; top:100%; right:0;height: calc(100vh - 1rem); overflow-y: auto; z-index:100; text-align:center; background: #f9f9f9; display:none;}
    .Top002282 #header-menu .sub-menu { max-width: 88%;margin:0 auto;}
    .Top002282 #header-menu ul { padding: 4vw 0;}
    .Top002282 #header-menu li {margin-bottom: .2rem;}
    .Top002282 #header-menu li em {border-bottom: 0;padding:0 25px;}
    .Top002282 #header-menu li em a{ padding:0;border-bottom: 0;color:#000;font-weight: bold; position: relative;text-align: left;/*font-size: .24rem;*/line-height: 12vw; border-bottom: 1px solid #e8e8e8;}
    .Top002282 #header-menu li.has-sub em a::after { position: absolute;content:'';  width: 10px;  height: 6px;top:50%;right:0; margin-top: -3px;background:url("../images/arrow_down.png") no-repeat right center;transition: .3s;} {position: relative;border-bottom: 0;padding:0 25px;}
    .Top002282 #header-menu li.has-sub.clickon em a::after  { transform: rotate(180deg);}
    .Top002282 #header-menu li .sub-menu img { display: none;}
    .Top002282 #header-menu li .sub-menu dl { padding: 2.66vw 3% 0;}
    .Top002282 #header-menu li .sub-menu dt a{line-height: 12vw;font-size: 1.125em;color:#333;border-bottom: 1px solid #e8e8e8;text-align: left;}
    .Top002282 #header-menu li:last-child em a,
    .Top002282 #header-menu li:last-child em{ border-bottom:0;}
}
@media(max-width:640px) {
    .Top002282 .top-language a {font-size: 4vw;}
}


/*innerBanner*/
.innerBanner {position: relative;}
.innerBanner .wap { display: none;}
.innerBanner .text {position: absolute;  width: 100%;  height: 100%;top:0;left:0;color:#fff;font-size: 42px;}
.innerBanner .ytable {height:100%;}
.innerBanner .text aside {position: relative;  text-align: center;}
.innerBanner .text aside:after {position: absolute;content:'';width: 40px;height: 6px;bottom: -20px;left:50%;transform: translateX(-50%);border-radius:5px;background:#38b549;}
@media(max-width:768px){
    .innerBanner .pc { display: none;}
    .innerBanner .wap { display: block;}
    .innerBanner .wap img { width: 100%;max-width: none;}
}


/*innerNav*/
.innerNav {background: #f6f6f6;position: relative;z-index: 10;}
.innerNav.fixed {position: fixed;top:0;left:0;width: 100%;}
.innerNav li {position: relative;float: left;margin-right: 50px;}
.innerNav li:after {position: absolute;content:'';bottom:0;left:0;width: 100%;height: 3px;background:#14a83b;opacity: 0;transition: .3s;}
.innerNav li.on:after,
.innerNav li:hover:after {opacity: 1;}
.innerNav li a {display: block;line-height: 80px;color:#666;}
.innerNav li.on a,
.innerNav li:hover a {color:#000;}
.innerNav li .sub{position: absolute;width: 300px;top:100%;left:50%;margin-left:-150px;padding:24px;border:1px solid #e5e5e5;background:#fff;display: none;}
.innerNav li .sub span {display: inline-block;margin-left: 10px;font-weight: bold;color: #333;}
.innerNav li .sub a:hover span {display: inline-block;font-weight: bold;color: #38b549;}

.space {display: none;}

.innerTitle { margin-bottom: 50px;line-height: 1;font-size: 42px;font-weight: bold;color:#333;  text-align: center;}

/*About*/
#About { padding-top: 90px;}
.about_one .pic {width: 50%;padding: 0 50px;}
.about_one .pic .box {position: relative;border-radius:50%; overflow: hidden;}
.about_one .pic figure { padding-bottom: 100%;}
.about_one .pic .play {position: absolute;width: 100%;height: 100%;top:0;left:0;background:url("../images/btn_play.png") no-repeat center;}
.about_one .pic .files  {display: none;}
.about_one .pic video  {position: absolute;width: 100%;height: 100%;top:0;left:0;padding:40px 0;background:#000;object-fit: cover;}
.about_one .word { padding: 0 40px;}
.about_one .word aside { font-size: 42px;  color: #38b549;}
.about_one .word p { line-height: 2;}

#About .numBox {margin-top: 60px;}
#About .numBox li{display: inline-block;text-align: center;}
#About .numBox li p {margin:0;color:#14a83b;}
#About .numBox li p .counter {font-family:Arial;font-size: 72px;font-weight: bold;letter-spacing: 3px;}
#About .numBox li p em { margin-top: 24px;font-style: normal;font-size: 24px;color:#000;font-weight: bold;}
#About .numBox li .txt { font-size: 18px;color:#000;}

#About .pictxtList { margin-top: 100px;display:flex}
#About .pictxtList ul{ display:flex}
#About .pictxtList li { background: #f1f4f6; width: 48.33%;border-radius:20px; overflow: hidden;}
#About .pictxtList li:not(:last-of-type) { margin-right: 3.3%;}
#About .pictxtList li .pic { overflow: hidden;}
#About .pictxtList li figure { padding-bottom: 51.72%;transition: .3s;}
#About .pictxtList li:hover figure { transform: scale(1.08)}
#About .pictxtList li .word { padding: 50px;}
#About .pictxtList li .word aside { line-height: 1;font-size: 24px; color: #333;}
#About .pictxtList li .word p { line-height: 1.875;text-align: justify;font-size:17px}

.aboutHonor { position: relative;margin-top: 120px;}
.aboutHonor:after{position: absolute;content:'';width: 100%;height: 1px;bottom:1px;left:0;background: #ebebeb;z-index: -1;}
.aboutHonor .innerTitle { margin-top: 110px;}
.aboutHonor .pic figure {padding-bottom: 18.22%; /*background-attachment: fixed;background-size: contain;*/}
.aboutHonor .list  {  position: relative; }
.aboutHonor .list .swiper-slide {padding: 60px 40px;  height: 420px;
border-radius:20px;background: #f1f4f6;transition: .3s;}
.aboutHonor .list .swiper-slide aside { position: relative;padding-bottom: 24px;  margin-bottom: 30px;font-size: 56px;font-weight: bold;color: #38b549;font-family: Arial;  line-height: 1;border-bottom: 1px solid #d5d8d9}
.aboutHonor .list .swiper-slide aside:after { position: absolute;content:'';  width: 124px;height: 1px;bottom:-1px;left:0;background:#38b549 }
.aboutHonor .list .swiper-slide aside span {display: inline-block;margin-left: 5px;color: #333;  font-size:18px;}
.aboutHonor .list .swiper-slide p{ position: relative;  padding-left: 16px;}
.aboutHonor .list .swiper-slide p:before {  position: absolute;content:'';display: block;width: 6px;height: 6px;left:0;top:10px;border-radius: 50%;background: #38b549;}
.aboutHonor .list .swiper-slide:hover {background-color:#14a83b;}
.aboutHonor .list .swiper-slide:hover aside ,
.aboutHonor .list .swiper-slide:hover aside span ,
.aboutHonor .list .swiper-slide:hover p {color:#fff;}
.aboutHonor .list .swiper-slide:hover p:before {background:#fff;}

.aboutHonor .list .swiper-horizontal > .swiper-scrollbar {height: 2px;}
.aboutHonor .list .swiper-scrollbar-drag {position: relative;background-color: #14a83b}
.aboutHonor .list .swiper-scrollbar-drag::before {position: absolute;content:'';width: 6px;height: 6px;top:0;left:0;margin-top:-2px;border-radius:50%;background-color: #14a83b}
.aboutHonor .btns {position: absolute;top:50%;right:0;transform: translateY(-50%);}

.swipe_btn .swiper-button-prev,
.swipe_btn .swiper-button-next{position: absolute;display: inline-block;width: 50px;height:50px;top:46%;background-repeat:no-repeat;background-position:center;background-size:50px;cursor: pointer;transition: .3s;}
.swipe_btn .swiper-button-prev{left:-80px;background-image: url("../images/btn_prev.png");}
.swipe_btn .swiper-button-next{right: -80px;background-image: url("../images/btn_next.png");}
.swipe_btn .swiper-button-prev:after,
.swipe_btn .swiper-button-next:after {  display: none;}
.swipe_btn .swiper-button-prev:hover{background-image: url("../images/btn_prev_h.png");}
.swipe_btn .swiper-button-next:hover {background-image: url("../images/btn_next_h.png")}

.aboutHonor .swiper-horizontal > .swiper-pagination-progressbar {position: relative;margin-top: 50px;}
.aboutHonor .swiper-horizontal > .swiper-pagination-progressbar,
.aboutHonor .swiper-horizontal > .swiper-pagination-progressbar {top:100%;height: 3px;background:none;}
.aboutHonor .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {;background: #2c9e41;}

.aboutCompany  {padding: 100px 0; margin-top: 120px;}
.aboutCompany .innerTitle {color:#fff;}
.aboutCompany .list li { float: left; width: 48.75%;height:320px;padding:60px 50px;margin-bottom: 2.5%;border-radius:20px;background:#fff;}
.aboutCompany .list li:not(:nth-of-type(2n)) {  margin-right: 2.5%;}
.aboutCompany .list li dt { margin-bottom: 20px; font-size: 22px; font-weight: bold;color:#38b549; line-height: 1; background-image: url("../images/about_icon0.png"); padding-left: 30px; background-repeat: no-repeat; background-position: left center;} 
.aboutCompany .list li dd {margin-bottom: 20px;padding-left: 30px;background-repeat: no-repeat;background-position: left center;}

.aboutCompany .list li .line{ width: 100%; height: 1px; background: #e5e5e5; margin-bottom: 20px; }
.aboutCompany .list li dd.time {background-image: url("../images/about_icon1.png")}
.aboutCompany .list li dd.add {background-image: url("../images/about_icon2.png")}
.aboutCompany .list li dd.bus {background-image: url("../images/about_icon3.png")}


.aboutCulture { padding: 100px 0;}
.aboutCulture ul { display: flex;}
.aboutCulture li { float: left; width: 23.33%;padding: 77px 40px ;text-align: center;border-radius:20px;background:#f1f4f6}
.aboutCulture li:not(:nth-of-type(4n)) { margin-right: 2.22%;}
.aboutCulture li aside { position: relative;margin-top: 40px;  padding-bottom: 10px;font-size: 24px;color:#333;}
.aboutCulture li aside:after{ position: absolute;content:'';width: 20px;height: 3px;bottom:0;left:50%;margin-left:-10px;border-radius:5px;background:#38b549;}
.aboutCulture li p { line-height: 30px;}


.aboutPartner { padding: 100px 0;background:#f1f4f6;}
.aboutPartner .wrap { position: relative;}

.brand_one {padding: 80px 0 100px;}
.brand_one .content { position: relative;}
.brand_one dl { width: 41.66%; height: 420px;box-shadow: 0 0 10px 5px #eee;}
.brand_one dl.fl { padding:70px 96px 0 50px;}
.brand_one dl.fr { padding:70px 50px 0 96px;}
.brand_one dl dt {font-size: 24px;font-weight: bold;color:#333;}
.brand_one dl dd { line-height: 2;}
.brand_one .mid { position: absolute; width: 320px; height: 320px;top:50%;left:50%;transform: translate(-50%,-50%); text-align: center;padding:10px;border:1px solid #eeeeee;border-radius:50%; overflow: hidden;}
.brand_one .mid .inner {position: relative;height: 100%;border-radius:50%; overflow: hidden;}
.brand_one .mid figure {width: 100%;height: 100%;}
.brand_one .mid aside {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#fff;font-size: 30px;}
.brand_one .mid p {position: absolute;width: 100%;bottom: 0;left: 0;color:#fff;font-size: 18px;line-height: 50px;background: #38b549;margin:0;}

.Brand_en .brand_one dl{ height: 520px; }
.Brand_en .brand_one dl dt{ font-size: 20px; }
.Brand_en .brand_one dl dd{ font-size: 14px; }

.brand_two {padding: 100px 0;background:#f6f6f6; }
.brand_two .pic {width: 50%;}
.brand_two .word {padding-left: 6.66%;}
.brand_two .word aside {margin-bottom: 40px;font-size: 42px;color: #333;}
.brand_two .word p {line-height: 2;}


.brand_quality {padding: 100px 0 60px;background:#f6f6f6; }
.brand_quality .pic {width: 50%;}
.brand_quality .item {margin-bottom: 40px;}
.brand_quality .item:nth-child(even) .word {padding-right: 5%;}
.brand_quality .item:nth-child(odd) .word {padding-left: 5%;}
.brand_quality .word aside {position: relative;margin-bottom: 30px;font-size: 24px;color: #333;font-weight: bold;}
.brand_quality .word aside:before {content:'';display: inline-block;width: 8px;height: 8px;margin-right: 12px;vertical-align:middle;background: #38b549;}
.brand_quality .word p {line-height: 2;}

.brand_policy {position: relative;padding: 100px 0 ;background: url("../images/brand_ bg.jpg") no-repeat center/cover;}
.brand_policy:after {position: absolute;content:'';width: 1920px;height: 187px;bottom:22%;left:50%;margin-left:-960px;background: url("../images/brand_line.png") no-repeat center;}
.brand_policy .innerTitle {margin-bottom: 80px;}
.brand_policy ul {position: relative;padding: 0 30px;z-index: 10;}
.brand_policy li:nth-child(1),
.brand_policy li:nth-child(4) {margin-top: 36px;}
.brand_policy li p {text-align: center;font-size: 30px;color: #333;}
.brand_policy_en li p { font-size: 14px; }

#News .list .pic {overflow: hidden;}
#News .list figure {padding-bottom: 56%;transition: .3s;}
#News .list a:hover figure {transform: scale(1.1);}
#News .list .word {color:#666;}
#News .list .word aside {margin-bottom: 20px;}
#News .list .word time {display: block;margin-bottom: 14px;font-size: 14px;padding-left: 20px;background:url("../images/icon_time.png") no-repeat left center;}
#News .list .word p {margin: 0;line-height: 2;}
#News .list a:hover .word aside {color:#38b549;}
#News .list ol {margin: 80px 0 60px;}
#News .list ol .pic {width: 50%;}
#News .list ol .word {padding-left: 5%;}
#News .list ol .word aside {font-size: 30px;color: #333;}


#News .list li {margin-top: 40px;}
#News .list li .pic {width: 25%;}
#News .list li .word {padding-left: 4.16%;}
#News .list li .word aside {font-size: 22px;color: #333;}

/*Pages*/
.Pages {text-align:center;padding: 60px 0 100px;}
.Pages .p_page {display:table;margin:0 auto;overflow:hidden;}
.Pages .p_page * {float:left;}
.Pages .p_page em {font-style:normal;}
.Pages a,.Pages .active {display: inline-block;width: 50px;height: 50px;line-height: 50px;margin:0 9px;color:#666;font-family:Arial;transition:0.3s;border-radius:50%;box-sizing:border-box;border:1px solid #e5e5e5;background-color:#fff;}
.Pages a:hover,.Pages .active {background-color:#38b549;color:#fff;border-color:#38b549;}
.Pages a.a_next,.Pages a.a_prev {text-transform:uppercase;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
.Pages a.a_prev {background-image:url(../images/a_prev.png);}
.Pages a.a_next {background-image:url(../images/a_next.png);}
.Pages a.a_next:hover,.Pages a.a_prev:hover {background-color:#38b549;}
.Pages a.a_prev:hover {background-image:url(../images/a_prev_hover.png);}
.Pages a.a_next:hover {background-image:url(../images/a_next_hover.png);}
@media(max-width:640px) {.Pages {padding:20px 0;}
    .Pages .num {display:none;}
    .Pages a {margin:0 5px;}
}

#NewsInfo {padding: 80px 0;}
#NewsInfo .title {text-align: center;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;}
#NewsInfo .title h3 {font-weight: normal;margin: 0 0 10px;font-size: 42px;color: #333;}
#NewsInfo .title time {color: #999;}
#NewsInfo article {line-height: 36px;}
#NewsInfo .page_pn {margin-top: 40px;padding-top: 40px;border-top: 1px solid #eeeeee;}
#NewsInfo .page_pn .fl span {display: block;margin-bottom: 10px;}
#NewsInfo .page_pn a.btn_back {display: block;width: 148px;height: 52px;line-height: 52px;font-size: 14px;color: #38b549;text-align: center;background: url("../images/btn_back.png") no-repeat center;}

#Duty .pic {overflow: hidden;}
#Duty .pic img {transition: .3s;}
#Duty .pic:hover img {transform: scale(1.1);}

.duty_one {padding: 80px 0;}
.duty_one .item{position: relative;overflow: hidden;}
.duty_one .item:not(:last-child){margin-bottom: 60px;}
.duty_one .item:nth-child(even) .pic {float: right;}
.duty_one .item:nth-child(even) .word {left:0;}
.duty_one .item:nth-child(odd) .word {right:0;}
.duty_one .word {position: absolute;width: 58.33%;height: 320px;top:50%;margin-top:-160px;padding: 50px 60px;background: #f6f6f6;}
.duty_one .word aside {margin-top: 3%;font-size: 24px;font-weight: bold;color: #333;}
.duty_one .word p {line-height: 2;}

.duty_two .list {position: relative;}
.duty_two aside {padding: 20px 40px;line-height: 2;background: #f6f6f6;}

.duty_three {padding: 100px 0;}
.duty_three .list {position: relative;}
.duty_three aside {padding: 0 22px;line-height: 80px;font-size: 22px;color: #333;background: #f6f6f6;}

.relation_one {padding: 100px 0;}

.notice_one {padding: 70px 0 0;}
.notice_one li {position: relative;padding-left: 24px;border-bottom: 1px solid #eeeeee;}
.notice_one li:before {position: absolute;content:'';width: 6px;height: 6px;left:0;top:50%;margin-top:-3px;border-radius:50%;background: #38b549;}
.notice_one li a {display: flex;justify-content:space-between;padding:30px 0;}
.notice_one li a aside {width: 88%;}
.notice_one li a time {color:#666;}


#Jobs {padding-top: 60px;background: #e8e8e8;}
.jobs_filter {margin-bottom: 20px;padding: 40px 60px;background: #fff;}
.jobs_filter .fl {width: 73%;padding-top: 20px;border-right:1px solid #d7d7d7;}
.jobs_filter dl {display: flex;color:#333;margin-bottom: 15px;}
.jobs_filter dl dt {margin-right: 14px;}
.jobs_filter dl dd:not(:first-of-type) {margin-left: 24px;}
.jobs_filter dl dd a {color:#333;}
.jobs_filter dl dd a.aon ,
.jobs_filter dl dd a:hover {color:#38b549;}
.filter_search{position: relative; width:100%;margin-top: 50px; padding-right: 50px; background:#d7d7d7;overflow:hidden;}
.filter_search .text{ height:40px; width:100%; border:1px solid transparent; line-height:50px; padding:0 20px;font-size: 14px;background:transparent; }
.filter_search ::-webkit-input-placeholder{ color:#333;font-size: 14px;}
.filter_search .btn{ position:absolute; right:0; top:0; height:100%; width:50px;background:url(../images/btn_filter_search.png) no-repeat center center; }

.jobs_list dl {padding: 0 30px;background:#fff;cursor: pointer;}
.jobs_list dl:not(:last-child) {margin-bottom: 20px;}
.jobs_list dl dt {display: flex;justify-content:space-between;align-items: center;line-height: 78px;color:#333;}
.jobs_list dl dt span{width: 45%;}
/*.jobs_list dl dt span:nth-child(2){width: 22%;}*/
.jobs_list dl dt i{position: relative;display: block;width: 32px;height: 32px;border-radius: 50%;background: #38b549;}
.jobs_list dl dt i:before,
.jobs_list dl dt i:after {position: absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);background: #fff;}
.jobs_list dl dt i:before {width: 50%;height: 2px;}
.jobs_list dl dt i:after {height: 50%;width: 2px;}
.jobs_list dl dt.on span:first-child {color:#38b549;}
.jobs_list dl dt.on i:after {display: none;}
.jobs_list dl dd {padding: 30px 0;line-height: 30px;font-size: 14px;border-top: 1px solid #e8e8e8;display: none;}
.jobs_list .apply {display: block;width: 173px;height: 45px;line-height: 45px;margin-top: 30px;text-align: center;color:#fff;background: #38b549;}
.jobs_list .apply img {margin-right: 10px;vertical-align: middle;}

.map {padding: 80px 0 60px;text-align: center;}

#Contact .list {padding-bottom: 60px;}
#Contact .list dl {font-size: 0;}
#Contact .list dl > * {margin-bottom: 30px;border-radius: 20px;background:#f6f6f6;overflow: hidden;}
#Contact .list dl dt .pic {width: 50%;}
#Contact .list dl dt .word {padding: 50px 50px 50px 68px}
#Contact .list dl dd {display: inline-block;width: 48.5%;}
#Contact .list dl dd:not(:nth-of-type(2n)) {margin-right: 3%;}
#Contact .list dl dd .word {padding: 50px;}
#Contact .list dl .word {font-size: 16px;}
#Contact .list dl aside {font-size: 24px;color: #333;margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px solid #e5e5e5;}
#Contact .list dl p {margin:0;line-height: 42px;}
#Contact .list dl p img {vertical-align: middle;margin-right: 10px;}
#Contact .list dl .btn_route {display: block;width: 134px;height: 42px;line-height: 42px;margin-top: 10px;text-align: center;color:#fff;border-radius:30px;background:#38b549;transition: .3s;}
#Contact .list dl .btn_route:hover {background: #128e23;}

/*Form002219*/
.Form002219{padding: 100px 0;background: #f3f3f3;overflow: hidden;}
.Form002219 dl{ width:48%; float:left;  min-height:40px; position:relative; margin-bottom:30px; }
.Form002219 dl.odd{ margin-left:4%;}
.Form002219 .text{ border:0; width:100%; padding:11px 30px; line-height:38px; color:#333;background: #fff;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 textarea{border:0; overflow:hidden; resize:none; width:100%; height:180px; padding:30px; color:#5b5b5b;}
.Form002219 .btn{ display:inline-block; line-height:60px; min-width:184px;  background-color:#38b549; color:#fff; font-size:16px; border:none; cursor:pointer;text-align: center;transition: .3s;}
.Form002219 .btn:hover {background: #128e23;}
.Form002219 .v_code{width: 90%;background: #fff;display: flex;justify-content: space-between;    align-items: center;}
.Form002219 .v_code .text {width: 76%;}
.Form002219 .v_code img {max-width: 123px;}
@media(max-width:640px){
    .Form002219 dl{ float:none; width:100%; margin-left:0 !important;}
    .Form002219 textarea{ height:250px;}
}
@media(max-width:480px){
    .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}
}
/*Form002219 End*/

/*Bottom002825 */
.Bottom002825{background: url(../images/bottom_bg.jpg) repeat center bottom #2e3438;padding-top: 90px;font-size: 18px;}
.Bottom002825,
.Bottom002825 a{color: #fff;}
.Bottom002825 a:hover{color: #e1001c;}
.Bottom002825 .auto{max-width: 1600px;width: 96%;}
.Bottom002825 .top{padding-bottom: 80px;}
.Bottom002825 .top nav dl,
.Bottom002825 .top nav{float: left;}
.Bottom002825 .top nav{max-width: 1340px; width: 86%;}
.Bottom002825 .top nav dt{padding-bottom: 20px;}
.Bottom002825 .top nav dt a{color: #fff;}
.Bottom002825 .top nav dd{line-height: 36px;font-size: 14px;}
.Bottom002825 .top nav dd a {color: rgba(255, 255, 255, 0.5);}
.Bottom002825 .top nav dt a:hover ,
.Bottom002825 .top nav dd a:hover {color: #38b549;}
.Bottom002825 .contact{ text-align: center;float: right;max-width: 208px;}
.Bottom002825 .contact .code{ max-width: 130px; margin: 0 auto;}
.Bottom002825 .contact p {text-align: center;color:#fff;}

.Bottom002825 .bottom dl{line-height: 24px; padding: 60px 0;font-size: 14px;color: rgba(255, 255, 255, 0.5);border-top:1px solid #393e42;}
.Bottom002825 .bottom dd,
.Bottom002825 .bottom dd a{color: rgba(255, 255, 255, 0.5);}
.Bottom002825 .bottom dd a:hover{color: #38b549;}

.Bottom002825 .bottom dl > *{max-width: 48%;}
.Bottom002825 .bottom dt{float: left;}
.Bottom002825 .bottom dd{float: right;}
.Bottom002825 .bottom nav{text-align: right;}


/*product*/
.pro_search{position: relative; width:50%;margin: 70px auto 30px; padding-right: 50px;font-size: 0;border-radius:6px;overflow:hidden;}
.pro_search input{ position: relative;height:50px; width:100%; border:1px solid transparent; line-height:50px; padding:0 20px;font-size: 14px;background:#fff; }
.pro_search ::-webkit-input-placeholder{ color:#999;font-size: 14px;}
.pro_search .btn{ position:absolute; right:0; top:0; height:100%; width:50px;background:url(../images/btn_pro_search.png) no-repeat center center #38b549;transition: .3s; }
.pro_search .btn:hover{background-color:#177824; }

.pro_filter_search{position: relative;display: inline-block;vertical-align: middle; width:600px; padding-right: 50px;margin-right: 20px;font-size: 0;border-radius:6px;overflow:hidden;}
.pro_filter_search input{ position: relative;height:40px; width:100%; border:1px solid transparent; line-height:40px; padding:0 20px;font-size: 14px;background:#fff; }
.pro_filter_search ::-webkit-input-placeholder{ color:#999;font-size: 14px;}
.pro_filter_search .btn{ position:absolute; right:0; top:0; height:100%; width:50px;background:url(../images/btn_pro_search.png) no-repeat center center #38b549;transition: .3s; }
.pro_filter_search .btn:hover{background-color:#177824; }

.subNav {text-align: center;font-size: 0;}
.subNav .item {display: inline-block;margin:0 10px;}
.subNav .item a {display: block;font-size: 18px;color: #333333;line-height: 40px;padding:0 25px;border-radius:20px;overflow: hidden;transition: .3s;}
.subNav .item.on a,
.subNav .item a:hover {color: #fff;background:#38b549;}

#Product .intro {padding: 30px 60px 50px;line-height: 2;text-align: center;}

#Product .intro_pictxt {padding: 80px 0 50px;}
#Product .intro_pictxt .word aside {margin-bottom: 22px;font-size: 24px;color: #333333;}
#Product .intro_pictxt .word p {line-height: 2;}
#Product .intro_pictxt .pic {width: 600px;padding-left: 80px;}

.pro_filter {padding: 40px 20px;border:1px solid #eee;font-size: 14px;background:#f6f6f6;}
.pro_filter dl.top {margin-bottom: 20px;}
.pro_filter dt {float: left;width: 200px;text-align: right;color: #000;line-height: 40px;}
.pro_filter dd {float: right;width:calc(100% - 220px);}
.pro_filter dd .group  {display: inline-block;vertical-align: middle;}
.pro_filter dd .group span:nth-child(1) {margin-right: 20px;}
.pro_filter dd .group a.btn_pdf {float: right;display: inline-block;width: 150px;height: 36px;line-height: 36px;text-align: center;color:#fff;background: #38b549;transition: .3s;border-radius:20px;}
.pro_filter dd .group a.btn_pdf:hover {background: #177824;}
.pro_filter dd .tikBox {line-height: 40px;}
.pro_filter dd span.tik {display: inline-block;margin-right: 20px;}
.pro_filter dd span.tik label {display: block;}
.pro_filter .tips {margin-top: 5px;color: #999;}
.pro_filter .select {position: relative;display: inline-block;}
.pro_filter .select em {font-style: normal;display: block;width: 78px;line-height: 20px;padding: 0 20px 0 6px;border: 1px solid #e2e2e2;background:url("../images/btn_down.png") no-repeat 94% center #fff;}
.pro_filter .select em input {font-style: normal;display: block;width: 100%;border:0;font-size: 14px;line-height: 20px;color:#666;}
.pro_filter .select em input::-webkit-input-placeholder {font-size: 14px;color:#666;}
.pro_filter .select .downList {position: absolute;width: 100%;max-height: 168px;top:100%;left:0;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;overflow-y: auto;display: none;z-index: 10;}
.pro_filter .select .downList i {display: block;line-height: 20px;font-style: normal;padding-left: 6px;border-bottom: 1px solid #e2e2e2;background:#fff;}
.pro_filter .select .downList i:hover {color:#fff;background: #38b549;}

/* 设置垂直滚动条的宽度和水平滚动条的高度 */
.pro_filter .downList::-webkit-scrollbar{width: 2px;height: 2px;}
/* 设置滚动条的滑轨 */
.pro_filter .downList::-webkit-scrollbar-track {background-color: #ddd;}
/* 滑块 */
.pro_filter .downList::-webkit-scrollbar-thumb {background-color: #177721;border-radius: 4px;}
/* 滑轨两头的监听按钮 */
.pro_filter .downList::-webkit-scrollbar-button {background-color: #888;display: none;}


input[type=checkbox] {position: relative;width: 11px;height: 11px;margin-right: 11px;border:1px solid #e2e2e2;background:#fff;}
/*input[type=checkbox]::before{content:'';position: absolute;width: 11px;height: 8px;left:2px;}*/
/*input[type=checkbox]:checked::before {background: url("../images/btn_check1_on.png") no-repeat center;content: '';}*/

.proList {padding-top: 50px;}
.proList li {font-size: 14px;padding:30px 20px 40px 0;border:1px solid #e5e5e5}
.proList li:not(:last-child) {margin-bottom: 30px;}
.proList li .pic {width: 240px;text-align: center;padding:0 20px}
.proList li .word {width: 938px;}
.proList li .word .top span {display: inline-block;line-height: 36px;margin-right: 40px;color:#000;font-weight: bold;}
.proList li .word .top a.btn_pdf {float: right;display: inline-block;width: 130px;height: 36px;line-height: 36px;text-align: center;color:#fff;background: #38b549;transition: .3s;border-radius:20px;}
.proList li .word .top a.btn_pdf:hover {background: #177824;}
.proList li .word .table {padding-top: 17px;}
.proList li .word .table table {width: 100%;border:1px solid #eee;}
.proList li .word .table th,.proList li .word .table td{font-size: 14px;line-height: 40px;}
.proList li .word .table tr {text-align: center;}
.proList li .word .table th {font-weight: normal;color:#000;background: #f2f2f2}
.proList li .word .table tr th:first-child ,
.proList li .word .table tr td:first-child {text-align: left;padding-left: 30px;}
.proList li .word .table tr th:last-child ,
.proList li .word .table tr td:last-child {padding-right: 30px;}
.proList li .word .table td {border-top:1px solid #eee;background: #fafafa}

/*Home*/

.root-100{font-size: 100px;}
.root-sz-16{font-size: 0.16em;}
.root-w-1600 .auto{max-width: 1600px;}
.w_96{width: 96%;}
.w_86{width: 94%;}
@media (max-width:1600px) {
    .root-w-1600{font-size: 6.25vw;}
}
.Banner {position: relative;height:calc(100vh - 100px);clear:both;}
.Banner figure {height:calc(100vh - 100px);}
.Banner .text {position: absolute;width: 100%;height: 100%;top:0;left:0;}
.Banner .text div {height: 100%;}

.Banner aside {font-size: 3.125em;font-weight: bold;color:#fff; margin-top: -120px; }
.Banner a {display: block;width: 9.375em;line-height: 3.125em;margin-top: 3.125em;margin-bottom: 9em;text-align: center;color:#fff;border-radius:30px;background: #38b549;transition: .3s;}
.Banner a:hover {background: #128e23;}
.Banner .numBox {position: absolute;bottom:0;right:0;width: 60.7%;background:#38b549;z-index: 10;}

.Banner .numBox li{position: relative; display: inline-block;width: 33.3%;padding: 30px 0 30px 9%;}
.Banner .numBox li:after{position: absolute;content:'';width: 1px;height: calc(100% - 60px);top:50%;right:0;transform:translateY(-50%);background:#88d392;}
.Banner .numBox li p {margin:0;color:#fff;}
.Banner .numBox li p .counter {font-family:Arial;font-size: 40px;line-height: 1;}
.Banner .numBox li p em { margin-top: 12px;margin-left: 14px;font-style: normal;font-size: 14px;color:#fff;}
.Banner .numBox li .txt { margin-top: 8px;font-size: 16px;color:#fff;}

.Banner .swiper-pagination { max-width:1600px;left:50%;bottom:3vw;transform:translateX(-50%);text-align: left;}
.Banner .swiper-pagination .swiper-pagination-bullet {position: relative;font-size: 22px;font-weight: bold;font-family:arial;color:rgba(255,255,255,.6);width: auto;height: auto;opacity: 1;background:none;}
.Banner .swiper-pagination .swiper-pagination-bullet:not(:last-child) {padding-right: 7.8vw;}
.Banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color:#14a83b;}
.Banner .swiper-pagination .swiper-pagination-bullet:not(:last-child):after {position: absolute;content:'';width: 70%;height: 1px;right:8%;top:50%;background:rgba(255,255,255,.6);}
@media (max-width:1600px) {
    .Banner .swiper-pagination {  width: 96%;}
}

/*Floor002827 */
.Home_app{overflow: hidden;}
.Home_app .auto{width: 96%; max-width: 1600px;display: flex;    justify-content: space-between;    align-items: center;}
.Home_app .left{position: relative;}
.Home_app .left .intro {padding-top: 6%;line-height: 2;}
.Home_app .left .home_more {margin-top: 14%;}

.Home_app .left > *{position: relative; z-index: 10;}

#Home .btn{position: relative;overflow: hidden;margin-top: 12%;}
#Home .btn:after {position: absolute;content:'';width: 17vw;height: 1px;right:0;top:50%;background:#e5e5e5;}
#Home .btn .slick-arrow {display: inline-block;width: 50px;height:50px;background-repeat:no-repeat;background-position:center;background-size:50px;cursor: pointer;transition: .3s;}
#Home .btn .slick-prev{margin-right: 20px;background-image: url("../images/btn_prev.png");}
#Home .btn .slick-next{background-image: url("../images/btn_next.png");}
#Home .btn .slick-prev:hover{background-image: url("../images/btn_prev_h.png");}
#Home .btn .slick-next:hover {background-image: url("../images/btn_next_h.png")}

.Home_app .right{position: relative;}

.Home_app .slider li .inner{padding-right: 50px;position: relative;}
.Home_app .slider li .pic{overflow: hidden;}
.Home_app .slider li .pic img{display: block;width: 100%; transition: 0.3s ease-in-out;}
.Home_app .slider li:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.Home_app .slider li .txt{position: absolute;width: calc(100% - 50px);left:0;bottom:0;line-height: 100px; z-index: 2; }
.Home_app .slider li .txt aside{padding: 0 6%;font-size: 22px;color: #fff;background: url("../images/home_app_bg.png") repeat-x center bottom;}

.Home_app .auto > *{padding-top: 8.75%;padding-bottom: 8.75%;}
.Home_app .left{float: left;max-width: 490px;width: 30.7%;}
.Home_app .left .pic{padding-bottom: 20%;}
.Home_app .left .name{margin-bottom: 50%;}
.Home_app .right{float: right;width: 66.375%; margin-right:-10%;}
.Home_app .right .slider{width: 127%;}


.Hometitle aside {font-size: 42px;font-weight: bold;color: #38b549; padding-left: 50px;background: url("../images/home_tit_icon.png") no-repeat left center;}
.home_more {position: relative;display: block;width: 148px;height: 52px;line-height: 52px;font-size: 14px;color: #38b549;text-align: center;border-radius:50px;background: url("../images/btn_back.png") no-repeat center;transition: .3s;}
.home_more:after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;background: rgba(56, 181, 73, 0.32);border-radius:50px;z-index:-1;opacity: 0;}
.home_more:hover {color:#149125;background-image:url("../images/btn_back_h.png") }
/*.home_more:hover:after {animation: more_ani 0.3s linear;}
@keyframes more_ani {
    0% {opacity: 0;}
    0% {opacity: 1;transform: scale(1.2)}
    100% {opacity: 0;transform: scale(1.5)}
}*/

.Home_product { position: relative; padding: 6% 0;background:url("../images/homeProduct_bg.jpg") no-repeat right bottom/cover; overflow: hidden;}
.Home_product:before {position: absolute;content:'';width: 39.3%;height: 100%;top:0;left:0;background:#2c3236;}
.Home_product .slideTab { position: relative;float: left;  width: 10.8%; z-index: 2;overflow: hidden;}
.Home_product .slideTab ul { padding: 50px 0;position: relative;}
/*.Home_product .slideTab ul:not(.show) { position: absolute;top:0;left:-100%;}*/
.Home_product .slideTab ul:not(.show) {  position: absolute;left:-100%;width: 100%;height: 100%;}
.Home_product .slideTab li { width: 1.34rem;padding: 10%;}
.Home_product .slideTab li div { padding: 15%;border:0.01rem solid #565b5e;border-radius:50%; transition: .3s;cursor: pointer;}
.Home_product .slideTab li.slick-current div ,
.Home_product .slideTab li:hover div{border-color: #fff;box-shadow: 0 0 0.10rem 0.04rem rgba(0, 145, 172, 0.18);background:#fff;}
.Home_product .slideTab li figure { padding-bottom: 100%;}
.Home_product .slideTab .slick-arrow {    position: absolute;    display: block;    width: 22px;    height: 13px;    background-repeat: no-repeat;    background-position: center;}
.Home_product .slideTab .slick-arrow.slick-prev {background-image: url("../images/slide_prev.png")}
.Home_product .slideTab .slick-arrow.slick-next {background-image: url("../images/slide_next.png")}

.Home_product .slideList { position: relative;float: right; width: 83.8%;padding-top: 3vw;z-index: 2;}
.Home_product .slideList .subNav {position: absolute;width: 40%;top: 11%;right:0;text-align: left;z-index: 20;display: flex;flex-wrap:wrap;}
.Home_product .slideList .subNav .item {width: 50%;margin:0;text-align: center;margin-bottom: 1vw;}
.Home_product .slideList .subNav a {font-size: 16px;padding: 0 15px;}
.Home_product .slideList {overflow: hidden;}
.Home_product .slideList ul {position: relative; }
.Home_product .slideList ul:not(.show) {  position: absolute;left:-100%;width: 100%;height: 100%;}
.Home_product .slideList .pic{ position: relative; width: 50%;}
.Home_product .slideList .pic:after{ position: absolute; content:'';width: 98%;height: 98%;top:1%;left:0;background: url("../images/pro_bg.png") no-repeat center/contain;animation: rotate360 10s linear infinite; }
.Home_product .slideList .pic a{ display: block; padding: 23%; position: relative; z-index: 10;}
.Home_product .slideList .pic figure{ padding-bottom: 100%;}
.Home_product .slideList .text { padding-left: 10%;}
.Home_product .slideList .text .top{ font-size: 0.20rem; color: #66b5b6; margin-bottom: 0.08rem;}
.Home_product .slideList .text .title { font-size: 0.46rem; color: #333333;font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: 0.20rem;}
.Home_product .slideList .text .s_title { font-size: 0.32rem; color: #333333; margin-bottom: 0.16rem;}
.Home_product .slideList .text .intro { line-height: 2;margin: 50px 0;}
@keyframes rotate360 {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
.Home_product .slideTab .slick-arrow {left:50%;transform:translateX(-50%);}
.Home_product .slideTab .slick-arrow.slick-prev {top:0;}
.Home_product .slideTab .slick-arrow.slick-next {bottom:0;}

@media (max-width: 1600px) {
    .Home_product .slideList .subNav {  width: 45%;}
    .Home_product .slideList .text {  padding-left: 6%;}
}
@media (max-width: 1280px) {
    .Home_product .slideList .subNav {  top: 6%;}
    .Home_product .slideList .subNav a {  font-size: 14px;  padding: 0 10px;}
}


.Home_about {padding-top: 8.3vw;padding-bottom: 13.8vw;/*padding-top: 8.75%;padding-bottom: 16.56%;*/}
.Home_about .word {max-width:680px;}
.Home_about .title {margin-top: 2.745vw;font-size: 32px;color: #333;}
.Home_about .subTitle {margin-top: 2.08vw;line-height: 2;}
.Home_about .home_more {margin-top: 3.125vw;}
@media (max-width: 1280px) {
    .Home_about .title {  font-size: 28px;}
}

.Home_news {padding-top: 7.8125vw;padding-bottom: 7.8125vw;}
.Home_news .Hometitle {text-align: center;margin-bottom: 4vw;}
.Home_news .Hometitle aside {position:relative;display: inline-block;padding-right: 50px;}
.Home_news .Hometitle aside:after {position: absolute;content:'';top:0;right:0;width: 50px;height: 100%;transform: rotateY(180deg);background:url("../images/home_tit_icon.png") no-repeat left center;}
.Home_news .fl_img {position:relative;float: left;width: 50%;}
.Home_news .fl_img li {position:relative;}
.Home_news .pic {position:relative;overflow: hidden;}
.Home_news .fl_img figure {padding-bottom: 56.25%;transition: .3s;}
.Home_news li:hover figure {transform: scale(1.08);}
.Home_news .fl_img li aside {position: absolute;bottom:0;left:0;font-size: 24px;font-weight: bold;color: #fff;line-height: 30px;padding:0 40px 30px 40px;}
.Home_news .fl_img .slick-dots {position: absolute;bottom:0;right:20px;line-height: 84px;z-index: 10;}
.Home_news .fl_img .slick-dots button {display: none;}
.Home_news .fl_img .slick-dots li {display: inline-block;width: 5px;height: 5px;margin: 0 10px;border-radius:50%;background:rgba(255,255,255,.7) ;vertical-align: middle;}
.Home_news .fl_img .slick-dots li.slick-active {width: 10px;height: 10px;background:#38b549;}
.Home_news .fr_list  {float: right;width: 45%;}
.Home_news .fr_list li  {float: left;width: 47.2%;}
.Home_news .fr_list li:nth-child(2n)  {margin-left: 5.6%;}
.Home_news .fr_list li figure  {padding-bottom: 55.29%;transition: .3s;}
.Home_news .fr_list li time  {position: absolute;width: 80px;line-height: 40px;bottom:0;right:0; font-weight: bold;color:#fff;font-family: Arial;text-align: center;background:#38b549;}
.Home_news .fr_list li aside {margin-top: 9%;font-size: 24px;line-height: 32px;color:#333;}
.Home_news .fr_list li p {margin-top: 3%;line-height: 28px;color:#999; word-break: break-all;}
#Home .Home_news .btn {float: left;width: 70%;margin-top: 5%;}
#Home .Home_news .home_more {float: right;margin-top: 5%;}
@media (max-width: 1280px) {
    .Home_news .fr_list li aside {  font-size: 20px;}
}